<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>同咨科技-商户后台</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../static/css/weadmin.css">
    <link href="../../lib/layui/css/layui.css" rel="stylesheet">

    <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="module" src="../components/use-body.js"></script>



    <link href="../../static/css/cost.css" rel="stylesheet">
    <link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body>
    <use-body>
        <div class="page-body engineering layoutLR padding0 ">
            <div class="batch-left">
                <div class="page-border"><strong class="layui-font-20">拟批量修改清单一览表</strong></div>
                <div class="page-border" style="padding-left: 0;padding-right: 0;">
                    <table class="layui-hide" id="ID-table-demo-data"></table>
                    <div class="layui-btn-center">
                        <button type="button" class="layui-btn layui-btn-radius">新增</button>
                        <button type="button" class="layui-btn layui-btn-primary layui-btn-radius">移除</button>
                    </div>
                </div>
            </div>
            <div class="batch-right">
                <div class="page-border"><strong class="layui-font-20">拟批量修改清单一览表</strong></div>
                <div class="page-border">
                    <div>
                        <div class="title">
                            <span>清单基本信息批量修改</span>
                        </div>
                        <form class="layui-form" action="">
                            <div class="layui-row">
                                <div class="layui-col-md6">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">清单编号</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="username" lay-verify="required" placeholder="请输入"
                                                autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-col-md6">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">计税方法</label>
                                        <div class="layui-input-block">
                                            <select></select>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-md6">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">适用阶段</label>
                                        <div class="layui-input-block">
                                            <select></select>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-md6">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">适用地区</label>
                                        <div class="layui-input-block">
                                            <select></select>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-md6">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">适用时间</label>
                                        <div class="layui-input-block">
                                            <select></select>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-md6">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">显示范围</label>
                                        <div class="layui-input-block">
                                            <select></select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div>
                        <div class="title">
                            <span>人工费及定额费率系数批量修改</span>
                        </div>
                        <form class="layui-form" action="">
                            <div class="layui-row">
                                <div class="layui-col-md6">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required" style="width: 155px;">人工费调差百分比</label>
                                        <div class="layui-input-block" style="margin-left: 185px;">
                                            <input type="text" name="username" lay-verify="required" placeholder="请输入"
                                                autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>

                        <table class="layui-form layui-table layui-table-bg" lay-skin="nob">
                            <thead>
                                <tr>
                                    <th>定额费种类</th>
                                    <th>人工费</th>
                                    <th>材料费</th>
                                    <th>机械费</th>
                                    <th>管理费</th>
                                    <th>利润</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>调整系数</td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div>
                        <div class="title">
                            <span>总价措施费率批量修改</span>
                        </div>
                        <form class="layui-form" action="">
                            <div class="layui-row">
                                <div class="layui-col-md6">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required"  style="width: 200px;">总价措施费计费基数选择</label>
                                        <div class="layui-input-block" style="margin-left: 230px;">
                                            <input type="text" name="username" lay-verify="required" placeholder="请输入"
                                                autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>

                        <table class="layui-form layui-table layui-table-bg" lay-skin="nob">
                            <thead>
                                <tr>
                                    <th>安全文明费</th>
                                    <th>环境保护</th>
                                    <th>文明施工</th>
                                    <th>安全施工</th>
                                    <th>临时设施</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>费率（%）</td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                        <table class="layui-form layui-table layui-table-bg" lay-skin="nob">
                            <thead>
                                <tr>
                                    <th>总价措施费-其他</th>
                                    <th>夜间施工费</th>
                                    <th>二次搬运费</th>
                                    <th>冬雨季施工费</th>
                                    <th>工程定位复测费</th>
                                    <th>行车行人干扰费</th>
                                    <th>其他总价措施费</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>费率（%）</td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div>
                        <div class="title">
                            <span>规费税金费率批量修改</span>
                        </div>

                        <table class="layui-form layui-table layui-table-bg" lay-skin="nob">
                            <thead>
                                <tr>
                                    <th>规费</th>
                                    <th>规费</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>费率（%）</td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                        <table class="layui-form layui-table layui-table-bg" lay-skin="nob">
                            <thead>
                                <tr>
                                    <th>税金</th>
                                    <th>销项增值税费率</th>
                                    <th>附加税税率</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>费率（%）</td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                    <td>
                                        <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </td>
                                    
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div>
                        <div class="title">
                            <span>材料设备统计表</span>
                        </div>

                        <table class="layui-form layui-table layui-table-bg" lay-skin="nob">
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>材料设备编号</th>
                                    <th>材料设备编号</th>
                                    <th>单位</th>
                                    <th>数量</th>
                                    <th>单价</th>
                                    <th>合价</th>
                                    <th>暂估价（元）</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>JXL-QY0101001</td>
                                    <td>汽油（机械）</td>
                                    <td>L</td>
                                    <td><input type="text" name="username" placeholder="请输入" autocomplete="off"
                                        class="layui-input"></td>
                                    <td><input type="text" name="username" placeholder="请输入" autocomplete="off"
                                        class="layui-input"></td>
                                    <td>1</td>
                                    <td>
                                        <span style="width: 40px; margin-right: 10px;">6.50</span>
                                        <span>基准单价</span>
                                    </td>
                                    
                                </tr>
                                <tr>
                                    <td>1</td>
                                    <td>JXL-QY0101001</td>
                                    <td>汽油（机械）</td>
                                    <td>L</td>
                                    <td><input type="text" name="username" placeholder="请输入" autocomplete="off"
                                        class="layui-input"></td>
                                    <td><input type="text" name="username" placeholder="请输入" autocomplete="off"
                                        class="layui-input"></td>
                                    <td>1</td>
                                    <td style="display: flex;align-items: center;">
                                        <span style="width: 40px; margin-right: 10px;">6.50</span>
                                        <select style="width: 60px;"></select>
                                    </td>
                                    
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="layui-btn-center">
                        <button type="button" class="layui-btn layui-btn-radius">确定</button>
                        <button type="button" class="layui-btn layui-btn-primary layui-btn-radius">取消</button>
                    </div>
                </div>
            </div>

        </div>
    </use-body>
</body>


<script>
    layui.use('table', function () {
        var $ = layui.$;
        var table = layui.table;
        var util = layui.util;
        var form = layui.form;
        var upload = layui.upload;
        var laydate = layui.laydate;
        var element = layui.element;

        var tree = layui.tree;
        var layer = layui.layer;
        // 模拟数据
        var data = [{ title: '江西', id: 1, children: [{ title: '南昌', id: 1000, children: [{ title: '青山湖区', id: 10001 }, { title: '高新区', id: 10002 }] }, { title: '九江', id: 1001 }, { title: '赣州', id: 1002 }] }, { title: '广西', id: 2, children: [{ title: '南宁', id: 2000 }, { title: '桂林', id: 2001 }] }, { title: '陕西', id: 3, children: [{ title: '西安', id: 3000 }, { title: '延安', id: 3001 }] }, { title: '山西', id: 3, children: [{ title: '太原', id: 4000 }, { title: '长治', id: 4001 }] }];


        const dataTable = [{ // 赋值已知数据
            "id": "10001",
            "username": "张三1",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "116"
        }, {
            "id": "10002",
            "username": "张三2",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "12",
            "LAY_CHECKED": true
        }, {
            "id": "10003",
            "username": "张三3",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "65"
        }, {
            "id": "10004",
            "username": "张三4",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "777"
        }, {
            "id": "10005",
            "username": "张三5",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "86"
        }, {
            "id": "10006",
            "username": "张三6",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "12"
        }, {
            "id": "10007",
            "username": "张三7",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "16"
        }, {
            "id": "10008",
            "username": "张三8",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "106"
        }]



        table.render({
            elem: '#ID-table-demo-data',
            cols: [[ //标题栏
                { type: 'checkbox', fixed: 'left' },
                { field: 'id', title: '序号', align: 'center' },
                { field: 'username', title: '清单编号', align: 'center' },
                { field: 'username', title: '清单名称', align: 'center' },
                { field: 'username', title: '清单特征', align: 'center' },
                { field: 'username', title: '单位', align: 'center' },
            ]],
            data: dataTable,
            skin: 'nob', // 表格风格
            //even: true,
            page: false
        });


    });
</script>

</html>